/**
 * 作者:TL(tongling19890103@126.com)
 * 时间：2020-07-17.
 * 功能：
 */

layui.use(['tree', 'layer','laypage'], function(){
    var layer = layui.layer
        ,laypage = layui.laypage
        ,$ = layui.jquery;
    // 生成左侧菜单
    layui.tree({
        elem: '#treeMenu' //指定元素
        ,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
        ,click: function(item){ //点击节点回调
            layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
            console.log(item);
        }
        ,nodes: [ //节点
            {
                name: '国级'
                ,id: 1
                // ,alias: 'changyong'
                ,children: [
                    {
                        name: '增值税'
                        ,id: 11
                        ,href: '#'
                        ,children:[
                            {
                                name: '房地产'
                                ,id: 111
                                ,children:[
                                    {
                                        name: '金融'
                                        ,id: 1111
                                    }, {
                                        name: '文件库'
                                        ,id: 1112
                                    }
                                ]
                            }, {
                                name: '发票'
                                ,id: 112
                            }, {
                                name: '金融'
                                ,id: 113
                            }, {
                                name: '文件库'
                                ,id: 114
                                ,children:[
                                    {
                                        name: '文件库知识点'
                                        ,id: 1141
                                    }, {
                                        name: '文件库知识点2'
                                        ,id: 1142
                                    }, {
                                        name: '文件库知识点3'
                                        ,id: 1143
                                    }
                                ]
                            }
                        ]
                    },
                ]
            }, {
                name: '个人所得税'
                ,id: 2
                ,spread: true
                ,children: [
                    {
                        name: '个人所得税下目录'
                        ,id: 21
                        ,spread: true
                        ,children: [
                            {
                                name: '个人所得税目录1'
                                ,id: 211
                                ,children: [
                                    {
                                        name: '个人所得税目录11'
                                        ,id: 2111
                                    }, {
                                        name: '个人所得税目录12'
                                        ,id: 2112
                                    }, {
                                        name: '个人所得税目录13'
                                        ,id: 2113
                                    }
                                ]
                            }, {
                                name: '个人所得税目录2'
                                ,id: 212
                            }, {
                                name: '个人所得税目录3'
                                ,id: 213
                            }
                        ]
                    }
                ]
            }
        ]
    });
    /**
     *  高级搜索页面
      */
    // 搜索按钮
    $("#highSearch").on('click',function(){
        var searchInputVal = $("#searchInput").val();
        var starTime = $("#begin_time").val();
        var endTime = $("#end_time").val();
        layer.msg("你点击了搜索按钮,搜索了"+searchInputVal+'' +
            ',开始时间为'+starTime+"结束时间为"+endTime)
    })
    //不显示首页尾页
    laypage.render({
        elem: 'searchResultPage'
        ,count: 100
        // ,first: false
        // ,last: false
        // ,prev: '<em><</em>'
        // ,next: '<em>></em>'
        ,jump: function(obj){
            var searchResultData = [
                {
                    id:0
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正' +
                        '文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:1
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正' +
                        '文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:2
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正' +
                        '文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:3
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正' +
                        '文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
               /* ,{
                    id:4
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }*/
            ]
            var resultItemsTemp = ''
            for(var i = 0;i<searchResultData.length;i++){
                resultItemsTemp += '<li>\n' +
                    '    <h4>'+searchResultData[i].name+'</h4>\n' +
                    '    <p>'+searchResultData[i].content+'</p>\n' +
                    '</li>'
            }
            var replaceName = '房地产';
            var newTemp = resultItemsTemp.replace(new RegExp(replaceName,'g'),'<span class="text-red">'+replaceName+'</span>')

            $("#searchResultContent").html(newTemp)
        }
    });
    /**
     * 搜索详情页面
     */
    // 历史版本弹层
    $("#historyPop").on('click',function(){
        var histoyrData = [
            {id:'01',name:'张东阳',time:'2019.12.12',edition:'003'},
            {id:'02',name:'张东阳',time:'2020.01.12',edition:'002'},
            {id:'03',name:'张东阳',time:'2020.4.26',edition:'001'},
        ]
        var historyTemp = '';

        if(histoyrData.length<1){
            historyTemp = ' <tr>\n' +
                '  <td colspan="4" align="center">暂无内容</td>\n' +
                ' </tr>'
        }else{
            for(var i = 0;i<histoyrData.length;i++){
                historyTemp += '<tr>\n' +
                    '    <td align="center">'+histoyrData[i].edition+'</td>\n' +
                    '    <td align="center">'+histoyrData[i].name+'</td>\n' +
                    '    <td align="center">'+histoyrData[i].time+'</td>\n' +
                    '    <td align="center">' +
                    '       <a href="javascript:void(0)" class="historyeditbtn" data-id="'+histoyrData[i].id+'">' +
                    '           <i class="icon edit-btn"></i>' +
                    '       </a>' +
                    '    </td>\n' +
                    '</tr>'
            }
        }
        $("#history-table-items").html(historyTemp);
        $('#historyModal').modal('show');
        // $('#myModal').css('display','block');
    })
    // 历史版本弹层编辑按钮事件
    $(document).on('click','.historyeditbtn',function(){
        layer.msg('你选择的是'+$(this).data('id'))
    })
    // 切换li标签
    $(".bottomMain-info li").on('click',function(){
        var itemIndex = $(this).index();
        if($(this).hasClass('active')){
            return;
        }else{
           /* $(this).addClass('active').siblings().removeClass('active');
            $(this).parents(".tab-nav-box").find('.tab-nav-content').hide();
            $(this).parents(".tab-nav-box").find('.tab-nav-content').eq(itemIndex).show();*/
            $(".bottomMain-info").each(function(){
                $(this).find("li").eq(itemIndex).addClass('active').siblings().removeClass('active');
                $(this).find("li").eq(itemIndex).parents(".tab-nav-box").find('.tab-nav-content').hide();
                $(this).find("li").eq(itemIndex).parents(".tab-nav-box").find('.tab-nav-content').eq(itemIndex).show();
            })
        }
    });


    //不显示首页尾页
    laypage.render({
        elem: 'searchPage'
        ,count: 100
        ,first: false
        ,last: false
        ,prev: '<em><</em>'
        ,next: '<em>></em>'
        ,jump: function(obj){
            var searchResultData = [
                {
                    id:0
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:1
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:2
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:3
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
                ,{
                    id:4
                    ,name:'房地产知识标题'
                    ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                }
            ]
            var resultItemsTemp = ''
            for(var i = 0;i<searchResultData.length;i++){
                resultItemsTemp += '<li>\n' +
                    '    <h4>'+searchResultData[i].name+'</h4>\n' +
                    '    <p>'+searchResultData[i].content+'</p>\n' +
                    '</li>'
            }
            var replaceName = '房地产';
            var newTemp = resultItemsTemp.replace(new RegExp(replaceName,'g'),'<span class="text-red">'+replaceName+'</span>')

            $("#searchResult").html(newTemp)
        }
    });

    // 点赞按钮
    $(document).on("click",".zanBtn",function(){
        var zanNum = $("#zanNum").text();
        if($(this).hasClass("active")){
            // 选中状态
            $(this).removeClass("active");
            $("#zanNum").html(Number(zanNum)-1);
        }else{
            // 解除选中状态
            $(this).addClass("active");
            $("#zanNum").html(Number(zanNum)+1);
        }
        layer.msg("您点击了点赞按钮")
    })
    // 踩按钮
    $(document).on("click",".caiBtn",function(){
        var caiNum = $("#caiNum").text();
        if($(this).hasClass("active")){
            // 选中状态
            $(this).removeClass("active");
            $("#caiNum").html(Number(caiNum)-1);
        }else{
            // 解除选中状态
            $(this).addClass("active");
            $("#caiNum").html(Number(caiNum)+1);
        }
        layer.msg("您点击了踩按钮")
    })
    //星星按钮
    $(document).on("click",".xingBtn",function(){
        var xingNum = $("#xingNum").html();
        if($(this).hasClass("active")){
            // 选中状态
            $(this).removeClass("active");
            $("#xingNum").html(Number(xingNum)-1);
        }else{
            // 解除选中状态
            $(this).addClass("active");
            $("#xingNum").html(Number(xingNum)+1);
        }
        layer.msg("您点击了星星按钮")
    })
    // 信息按钮
    $(document).on("click",".infoBtn",function(){
        if($(this).hasClass("active")){
            // 选中状态
            $(this).removeClass("active");
            $(".bottomMain-info").show();
            $(".leave-message-box").hide();
        }else{
            // 解除选中状态
            $(this).addClass("active");
            $(".bottomMain-info").hide();
            $(".leave-message-box").show();
        }
        layer.msg("您点击了信息按钮");
    })
    // 保存输入信息按钮
    $(document).on("click","#saveMsg",function(){
        var msgInfo = $("#msgInfo").val();
        if(!msgInfo){
            layer.msg("请输入信息");
            return;
        }else{
            layer.msg("您保存的信息为："+msgInfo);
        }
    })


    // 回正文按钮
    $(document).on("click",".goback-main",function(){
        $(".infoBtn").removeClass("active");
        layer.msg("您点击了信息按钮")
        $(".leave-message-box").hide();
        $(".bottomMain-info").show();
    })

    // 顶部信息折叠收起
    $(document).on("click",".info-folder-box",function(){
        var $elItem = $(this).find(".iconfont");
        if($elItem.hasClass("icon-shouqi")){
            $elItem.addClass("icon-zhankai").removeClass("icon-shouqi");
            $(".describe-content").hide();
            $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
        }else{
            $elItem.addClass("icon-shouqi").removeClass("icon-zhankai");
            $(".describe-content").show();

            console.log($(".describe-content").height());
            $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
        }
    })


    //窗口变化设置最小高度
    $(window).resize(function() {
        $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
        $('.card').css("min-height", 800 + "px");

        $('.zh-searchIndex-content .right-info').css("width", $(window).width() - 280 - 15 + "px");
        $('.zh-searchIndex-content .right-info').css("min-width", 1200 - 280 - 15 + "px");


        if($('.card').height()<=800&&$('.realInfo').height()>504){
            $('.realInfo').css("height",504+'px');
        }else{
            $('.realInfo').css("height",'auto');
            $('.realInfo').css("min-height",504+'px');
        }
        if($('.card').height()<=800&&$('.fill-show-content').height()>500){
            $('.fill-show-content').css("height",500+'px');
        }else{
            $('.fill-show-content').css("height",'auto');
            $('.fill-show-content').css("min-height",500+'px');
        }
    });
    $(document).ready(function(){
        $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
        $('.card').css("min-height", 800 + "px");

        $('.zh-searchIndex-content .right-info').css("width", $(window).width() - 280 - 15 + "px");
        $('.zh-searchIndex-content .right-info').css("min-width", 1200 - 280 - 15 + "px");

        if($('.card').height()<=800&&$('.realInfo').height()>504){
            $('.realInfo').css("height",430+'px');
        }else{
            $('.realInfo').css("height",'auto');
            $('.realInfo').css("min-height",430+'px');
        }
        if($('.card').height()<=800&&$('.fill-show-content').height()>500){
            $('.fill-show-content').css("height",500+'px');
        }else{
            $('.fill-show-content').css("height",'auto');
            $('.fill-show-content').css("min-height",500+'px');
        }
    });
});





